<ion-header>

  <ion-toolbar>
    <ion-title>Round Buttons</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content padding>

  <button ion-button round>button</button>
  <button ion-button round color="light">button light</button>
  <button ion-button round color="secondary">button secondary</button>
  <button ion-button round color="danger">button danger</button>
  <button ion-button round color="dark">button dark</button>

  <button ion-button round outline>button</button>
  <button ion-button round color="light" outline>button light</button>
  <button ion-button round color="secondary" outline>button secondary</button>
  <button ion-button round color="danger" outline>button danger</button>
  <button ion-button round color="dark" outline>button dark</button>

</ion-content>


<style>
  button {
    display: block !important;
    margin: 8px auto !important;
  }
</style>
